body {background: #fafafa;}
.i-zhuanti {height: 100px; margin-top: 20px;}
.i-zhuanti img {height: 100px; width: 320px;}

 .certify {
    display: block;
    width: 100%;
    height: 33px;
    font-size: 14px;
    line-height: 33px;
    background-color: #6ba2fc;
    border-radius: 4px;
    margin: 0 auto 12px;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
 .certify:hover{background-color: #558ae2; color: #fff;}
.loading_more {
    display: block;
    width: 11rem;
    height: 2rem;
    line-height: 2rem;
    border-radius: 4px;
    margin: 0 auto;
    border: 1px solid #366df0;
    text-align: center;

    margin-bottom: 1.5rem;
    color: #366df0;
    font-size: .8rem;
    cursor: pointer;
}

.big-pic {
	position: relative;
    width: 91%;
    PADDING: 3%;
	height: 350px;
	margin-bottom: 10px;
	overflow: hidden;
}
.big-pic .back-img,.big2-pic .back-img {
	position: absolute;
	width: 100%;
}
.big-pic-content,.big2-pic-content {
	position:absolute;
	width: 100%;
	height: 350px;
	z-index: 1;
	cursor: pointer;
	display:block;
}
.big2-pic-content .t-h1 {
	font-size: 16px;
	color: #fff;
	line-height: 1.5;
	font-weight: normal;
}
.big-pic:before,.big2-pic:before,.topic-content:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 1;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	background:-webkit-gradient(linear,0 50%,0 100%,from(rgba(0, 0, 0, 0)),to(#000));
	background:-moz-linear-gradient(top, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0), #000);
	background:-ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0),#000);
	background:-o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0),#000);
}
.big-pic:hover:before,.big2-pic:hover:before,.big3-pic:hover:before,.topic-content:hover:before {
	opacity: 0.9;
}
.big-pic img,.big2-pic img,.big3-pic img,.mod-thumb img,.topic-content img,.hot-article-img img {
	width: 100%;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
.big-pic:hover img,.big2-pic:hover img,.big3-pic:hover img,.mod-thumb:hover img,.topic-content:hover img,.hot-article-img:hover img {
	-webkit-transform: matrix(1.04,0,0,1.04,0,0);
	-moz-transform: matrix(1.04,0,0,1.04,0,0);
	-ms-transform: matrix(1.04,0,0,1.04,0,0);
	-o-transform: matrix(1.04,0,0,1.04,0,0);
	transform: matrix(1.04,0,0,1.04,0,0);
}
.t-h1 {
    margin: 0 15px;
    bottom: 10px;
    position: absolute;
    word-break: break-all;
    line-height: 25px;
    font-size: 17px;
    color: #fff;
    FONT-WEIGHT: 200;
}

.express-news {
    width: 91%;
    PADDING-TOP: 0.5REM;
    PADDING-BOTTOM: 0.5REM;
    BACKGROUND: #FFF;
    MARGIN-LEFT: 3%;
    PADDING-LEFT: 3%;
    height: 15px;
    overflow: hidden;

}
.express-news li{margin-bottom: 5px;}
.express-news em{
background: url(../img/ico.png) no-repeat;
    background-position: -7Px -58px;
    width: 55px;
    height: 18px;
    display: block;
    float: left;}
.express-news h4 {font-weight: 300;}

.express-news a{    color: #00b7ee;}

/*yx_rotaion*/
.yx-rotaion{	float: right;
	width: 780px;
	height: 400px;
	overflow: hidden;
	position: relative;}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute}
.yx-rotation-title{position:absolute;width:100%;height:50px;line-height:50px;background:#000;filter:alpha(opacity=50);-moz-opacity:0.4;-khtml-opacity:0.4;opacity:0.4;left:0;bottom:0;_bottom:-1px;z-index:1}
.yx-rotation-t{color:#fff;font-size:19px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:50px}
.yx-rotation-t:hover{color: #FAFAFA;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(../images/ico.png) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px}
.yx-rotaion-btn{top:50%;margin-top:-20px;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;position:relative}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px;    left: 680PX;}
.yx-rotaion-btn span.hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8}
.yx-rotation-focus span.hover{background-position:-10px -126px}
.rotaion_list{width:0;height:0;overflow:hidden;}
.rotaion_list li {background: #000000;}
.rotaion_list li img {
    width: 780px;
    min-height: 400px;
     filter:alpha(opacity=85);   
      -moz-opacity:0.85;   
      -khtml-opacity: 0.85;   
      opacity: 0.85;   
      
}


/* for 980px or less*/

@media screen and (max-width: 680px) {
	

}
/* for 640px or less*/
@media screen and (max-width: 640px) {
.big-pic {
	position: relative;
    width: 91%;
    PADDING: 3%;
	height: 200px;
	margin-bottom: 10px;
	overflow: hidden;
}
.big-pic .back-img,.big2-pic .back-img {
	position: absolute;
	width: 100%;
}
.big-pic-content,.big2-pic-content {
	position:absolute;
	width: 100%;
	height: 200px;
	z-index: 1;
	cursor: pointer;
	display:block;
}
}